$(document).ready(function(){
    var button = $('#loginButton');
    var box = $('#loginBox');
    var form = $('#loginForm');
    
    button.mouseup(function(login) {
        box.toggle();
        button.toggleClass('active');
    });
    $('html').mousemove(function() {
        $('#body_wrapper').click(function() {
            button.removeClass('active');
            box.hide();
        });
        $('#nav').click(function() {
            button.removeClass('active');
            box.hide();
        });
    });
    
});
